<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link href="../../favicon.ico" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/video-js.min.css" />
		<link rel="stylesheet" href="css/newbase.css" />
		<link rel="stylesheet" href="css/newstyle.css" />
		<link rel="stylesheet" href="css/neworder.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="js/swiper.jquery.min.js"></script>
		<script type="text/javascript" src="js/newlayer/layer.js"></script>
		<script type="text/javascript" src="js/icheck.min.js"></script>
		<script type="text/javascript" src="../js/My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=0tqnGcviGS2hQWUWG7p6kI4A43M8tnF9&s=1"></script>
		<script type="text/javascript" src="https://api.map.baidu.com/library/CurveLine/1.5/src/CurveLine.min.js"></script>
		<script type="text/javascript" src="js/jquery.nicescroll.js"></script>
		<script type="text/javascript" src="js/orderTimer.js"></script>
		<script type="text/javascript" src="js/jquery.placeholder.min.js"></script>
		<link rel="stylesheet" href="js/select/skin/selectordie.css" />
		<link rel="stylesheet" href="js/select/skin/selectordie_theme_05.css" />
		<script type="text/javascript" src="js/select/selectordie.min.js"></script>
		<script type="text/javascript" src="js/newbase.js"></script>
		<script type="text/javascript" src="js/newLib.js"></script>
		<script type="text/javascript" src="js/newfun.js"></script>
		<style>
			.uuPay .pay .money {
				text-align: left;
			}
			.business-list .item h5 {
				-webkit-border-radius: 50%;
				border-radius: 50%;
			}
			
			body .layer-ext-myskin .layui-layer-title {
				height: 50px !important;
				line-height: 50px !important;
				text-align: center;
				border-bottom: solid 1px #efefef !important;
			}
			
			.myplaceholder {
				color: #999 !important;
			}
			
			.sod_select .sod_placeholder {
				color: #333333;
			}
			
			.infos-box4:before {
				content: '3';
			}
			
			.uuPay .ucardCoupon .sod_select .sod_list {
				max-height: 90px;
				overflow-y: auto;
				border-top: none;
			}
		</style>
		<!--[if lt IE 8]>
        <style>
          .uuBusi .ucard .tag,.queueTimes .timer-box{ width: 82%;}
          .uuBusi .ucard .tag.category{
             padding-bottom:20px;
          }
        </style>
    <![endif]-->
	</head>

	<body class="uu-replace-body">

		<div class="navigation animated">
			<script type="text/javascript" src="https://api.map.baidu.com/api?ak=dZjnRr2t8nBpGswyCB731AFD&v=2.0&s=1"></script>
			<div id="allmap" style="display:none;"></div>
			<div class="nav-wrap">
				<h1 class="logo">
            <a href="javascript:;"><img src="images/UU-logo.png" alt="uu-logo" height="75px"></a>
        </h1>
				<div class="nav">
					<ul class="nav-list clearfix">
						<li>
							<a href="index.htm" title="首页">首页</a>
						</li>
						<li class="active">
							<a href="Buy.htm" title="在线下单">在线下单</a>
						</li>
						<li>
							<a href="myOrder.html" title="我的订单">我的订单</a>
						</li>

					</ul>
					<div style="clear:both;"></div>
				</div>
				<div class="button-group">
					<ul class="button-list welcome" id="userinfo">
						<li>
							<a href="login.html" class="port fl"><img src="images/port.png" width="22" height="22" style="margin-right: 10px;" />登录</a>
						</li>
						<li style="display: none;">
							<p class="username fl">欢迎您，<span id="userMob"></span>
							</p>
							<a class="loginout" href="javascript:order.loginOut()">退出</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="uu-replace-main clearfix">
			<div class="order-nav">
				<!--四个功能样式-->
				<div class="secNav">
					<div class="business-list">
						<a href="buy.html" title="帮我买">
							<div class="item">
								<h5><i class="iconfont">&#xe606;</i></h5>
								<p>帮我买</p>
							</div>
						</a>
						<a href="Send.html" title="帮我送">
							<div class="item">
								<h5><i class="iconfont">&#xe601;</i></h5>
								<p>帮我送</p>
							</div>
						</a>
						<a href="Take.html" title="帮我取">
							<div class="item">
								<h5><i class="iconfont">&#xe600;</i></h5>
								<p>帮我取</p>
							</div>
						</a>
						<a href="TakeOrder.html" title="其他服务">
							<div class="item active">
								<h5><i class="iconfont">&#xe607;</i></h5>
								<p>其他服务</p>
								<!-- <span class="order-sj"></span> -->
							</div>
						</a>
					</div>
				</div>
			</div>
			<!-- </div> -->
			<div class="order-form">
				<div>
					<!--form区域-->
					<form action="#" method="post">
						<div class="uuBusi">
							<div class="infos-box infos-box1">
								<div class="ucard" style="margin-bottom: 0;">
									<label>服务标题</label>
									<div class="tag category" id="lineType">
										<input class="inp w86 required" autocomplete="off" type="text" name="title" id="title" placeholder="请填写你需要的服务">
									</div>
								</div>
								<div class="ucard" style="height: 96px;position:relative;margin-top: 10px;">
									<label>备注信息</label>
									<div class="tag">
										<textarea class="inp w100 textarea-large maxText" autocomplete="off" id="note" type="text" placeholder="找人排队，托人办事儿，请填写您的备注信息"></textarea>
										<span style="position:absolute;font-size:12px;color:#bbbbbb;right:15px;bottom:0px;z-index:10;">最多200字</span>
									</div>
								</div>
								<div class="ucard">
									<label>服务地址</label>
									<div class="tag">
										<input class="inp w86 required" autocomplete="off" type="text" name="address" id="address" placeholder="请填写服务地址" title="服务地址">
									</div>
								</div>
								<div class="ucard" style="padding-bottom:30px;">
									<label>联系电话</label>
									<div class="tag">
										<input type="tel" maxlength="11" autocomplete="off" class="inp" name="starttel" id="startphone" placeholder="请输入联系人手机号码" style="width: 32%">
										<span class="msg msg5">必填!</span>
										<span class="tel msg msg6">手机号码格式不正确!</span>
										<input type="text" autocomplete="off"  class="inp" name="startname" id="startname" placeholder="请输入联系人姓名" style="width: 24.6%; margin-left: 10px;">
									</div>
								</div>
								 <div class="line-bar"></div>
								<div class="ucard" style="line-height:40px;">
									<label>接单员性别</label>
									<div class="tag special help-input" id="genderChoice">
										<select name="" id="corridorGender">
											<option value="不限" selected="selected">不限</option>
											<option value="男">男</option>
											<option value="女">女</option>
										</select>
									</div>
								</div>
							</div>

						<div class="uuPay" style="z-index:6;height: 156px;">
							<div class="infos-box infos-box4" style="margin-top: 0; padding-bottom: 30px;height: 156px;">
								<div class="pay step1" style="width: 100%;">
									<div class="ucard">
										<div class="tag" style="width: 100%;">
											<label>订单价格</label>
											<input type="tel" id="price" maxlength="11" autocomplete="off" class="inp" style="width: 694px;" placeholder="请输入订单价格" />
										</div>
									</div>

									<div class="ucard" style="margin-bottom: 0;margin-left: 30%;">
										<input type="button" name="pay-sub" class="sub pay-sub" value="确认订单" id="confirmBtn" />
									</div>

								</div>
								<div class="map" id="viewmap"></div>
								<div style="clear: both;"></div>
								<!-- <div class="line-bar"></div> -->
							</div>
						</div>
						<script>
							if(window.location.pathname.indexOf('Send') > -1 || window.location.pathname.indexOf('Take.htm') > -1) {
								document.getElementById('marqueeTip').style.opacity = 1;
							}
						</script>
						</div>
					</form>
				</div>
			</div>
			<div style="clear:both;"></div>
		</div>

		<script type="text/javascript">
			var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
			document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1272860372'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1272860372' type='text/javascript'%3E%3C/script%3E"));
		</script>
	</body>
		<script>
            $(function () {
                $("#confirmBtn").click(function () {
                    var title = $("#title").val();
                    if (title ==""){alert("请填写服务的标题");return;}
                    var receivedAddress = $("#address").val();
                    if (receivedAddress == ""){alert("请填写服务地址");return;}
                    var receivedPepole = $("#startname").val();
                    if (receivedPepole ==""){alert("请填写服务人");return;}
                    var receivedPhone = $("#startphone").val();
                    if (receivedPhone == ""){alert("请填写服务人电话");return;}
                    var reg = /^1[34578][0-9]{9}$/; //验证规则
                    if (!reg.test(receivedPhone)){
                        alert("你的手机号码格式不正确");return;
                    }
                    var remark = $("#note").val();
                    if (remark == ""){alert("请填写你的备注信息");return;}
                    var corridorGender = $("#corridorGender").val();
                    var prcie = $("#price").val();
                    if(prcie == ""){alert("请填写你的订单价格")}
                    $.ajax({
                        url:"/order/add",
                        dataType:"json",
                        type:"post",
                        data:{
                            "oType":4,
                            "price":prcie,
                            "title":title,
                            "remark":remark,
                            "corridorGender":corridorGender,
                            "receivedPepole":receivedPepole,
                            "receivedPhone":receivedPhone,
                            "receivedAddress":receivedAddress,
                        },
                        success:function (data) {
                            alert(data.msg);
                        }
                    })
                })
            })
		</script>
</html>